<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发布贴子</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/common/header-footer.css">
    <link rel="stylesheet" href="../../css/cl/common.css">
    <link rel="stylesheet" href="../../css/cl/fabutiezi.css">
</head>
<body>
    <header>
        <div class="header_top">
            <img src="../../img/信号组.png" alt="">
            <span class="header_time">上午 9:51</span>
            <span class="ht_right">
                <img src="../../img/蓝牙图标.png" alt="">
                <img src="../../img/电量百分比.png" alt="">
                <img src="../../img/电量图标.png" alt="">
            </span>
        </div>
        <div class="header_bottom">
            <div class="hb_left test">
                <img src="../../img/返回按钮-1.png" alt="" id="return">
                <!-- 需要更改title文字 -->
                <span class="title">发布贴子</span>
            </div>
            <div class="hb_right">
                <img src="../../img/组 -1.png" alt="">
            </div>
        </div>
    </header>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- 帖子 -->
    <div class="tiezi">
        <h4>帖子</h4>
    </div>
    <!-- 内容 -->
    <div class="content">
        <div id="textarea" contenteditable="true">
            <span id="tishi">有什么想法...</span>
        </div>
        <div class="select_img">
            <img src="../../img/相机.png" alt="">
            <span>添加照片</span>
        </div>
        <div class="fabuyu">
            <span>发布于</span>
            <div class="xzst" id="id_xszt">
                <span>阳光爱心社</span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- 选择社团 -->
    <div id="choose">
        <ul class="shetuan">
            <li>阳光爱心社</li>
            <li>西朔武社</li>
            <li>健身社团</li>
            <li>ERP协会</li>
            <li class="gbt">广播台</li>
            <li>散打协会</li>
            <li>辩论队</li>
            <li>五星乒协</li>
            <li>蒲公英公益</li>
            <li>跆拳道协会</li>
        </ul>
        <button id="queding">确定</button>
    </div>
    <div class="zz" id="id_zz"></div>
    <!-- 发表 -->
    <div class="fabiao">
        <button id="published">发表</button>
    </div>
    
</body>
<script>
    var clicks = document.getElementById("textarea");
    var temp = 0;
    clicks.addEventListener("click",function(){
        var tishi = document.getElementById("tishi");
        if(temp == 0){
            tishi.style.display = "none";
            temp = 1;
        }else{
            tishi.style.display = "flex";
            temp = 0;
        }
    });
    var id_xszt = document.getElementById("id_xszt");
    var queding = document.getElementById("queding");
    var choose = document.getElementById("choose");
    var id_zz = document.getElementById("id_zz");
    id_xszt.addEventListener("click",function(){
        choose.style.display="inline-block";
        id_zz.style.display="flex";
    });
    queding.addEventListener("click",function(){
        choose.style.display="none";
        id_zz.style.display="none";
    });
    id_zz.addEventListener("click",function(){
        choose.style.display="none";
        id_zz.style.display="none";
    });

    var fanhui = document.getElementById("return");
    fanhui.addEventListener("click",function(){
        window.history.back(-1);
    });
</script>
<script>
    var  published= document.getElementById("published");
    published.addEventListener("click",function(){
        window.location.href="tijiao.html";
    });
</script>
</html>